
<%@ page import="kioscodeal.Pedido" %>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description"
	content="Seminario de Ing. Informatica I (75.71)">
<meta name="author" content="">
<meta name="layout" content="main" />

<title>Kiosco Deal</title>

</head>
<body>
	<div id="compra-producto" class="content scaffold-list" role="main">
	</div>

	<div class="row">
		<div class="col-lg-12">
			<h2>Productos</h2>
		</div>
	</div>

	<div class="row">
		<div class="col-lg-7">
			<div class="panel panel-default">
				<div class="panel-body">
					<table class="table table-bordered table-hover tablesorter">
						<thead>
							<tr>
								<g:sortableColumn property="codigo"
									title="${message(code: 'producto.codigo.label', default: 'Código')}" />
									
								<g:sortableColumn property="titulo"
									title="${message(code: 'producto.titulo.label', default: 'Titulo')}" />

								<g:sortableColumn id="descripcion" property="descripcion"
									title="${message(code: 'producto.descripcion.label', default: 'Descripcion')}" />

								<th><g:message code="producto.marca.label" default="Marca" /></th>

								<g:sortableColumn property="precioUnitario"
									title="${message(code: 'producto.precioUnitario.label', default: 'Precio Unitario')}" />

								<th><g:message code="productoPedido.cantidad.label"
										default="Cantidad" /></th>

								<th>Carga en Carrito</th>

							</tr>
						</thead>
						<tbody>

							<g:each in="${productoPedidoInstanceList}" status="i"
								var="productoPedidoInstance">
								
									<tr class="${(i % 2) == 0 ? 'even' : 'odd'}">
									<g:form url="[resource:listadoCarrito, action:'cargar']">										
										<td id="codigo">
											${fieldValue(bean: productoPedidoInstance, field: "producto.codigo")}
										</td>
										
										<td id="titulo">
											${fieldValue(bean: productoPedidoInstance, field: "producto.titulo")}
										</td>

										<td id="descripcion">
											${fieldValue(bean: productoPedidoInstance, field: "producto.descripcion")}
										</td>

										<td>
											${fieldValue(bean: productoPedidoInstance, field: "producto.marca.titulo")}
										</td>

										<td id="precioUnitario">
											${fieldValue(bean: productoPedidoInstance, field: "producto.precioUnitario")}
										</td>

										<td><g:field id="cantidadCarrito" name="cantidadCarrito" type="number"
												min="0" value="${productoPedidoInstance.cantidad}"
												required="" class="form-control" placeholder="Cantidad" /></td>

										<td><input type="submit" value="cargar" /> <g:hiddenField
												name="idProducto"
												value="${productoPedidoInstance.producto.id}" /></td>
									</g:form>
									</tr>

							
							</g:each>

						</tbody>
					</table>
				</div>
			</div>
		</div>

		<div class="col-lg-5">
			<div class="panel panel-primary">
				<div class="panel-heading">
					<h3 class="panel-title">
						<i class="fa fa-shopping-cart"></i> Carrito
					</h3>
				</div>
				<div class="panel-body">
					<div class="row">
						<div class="col-lg-12">
							<div class="table-responsive">
								<table id="carrito"
									class="table table-bordered table-hover tablesorter">
									<thead>
										<tr>
											<th>C&oacute;digo <i class="fa fa-sort"></i></th>
											<th>Producto <i class="fa fa-sort"></i></th>
											<th>Cantidad <i class="fa fa-sort"></i></th>
											<th>Precio Total <i class="fa fa-sort"></i></th>
											<th><i class="fa fa-sort"></i></th>
										</tr>
									</thead>
									<tbody>
										<g:form url="[resource:listadoCompra]">
											<g:each in="${listadoCompra}" status="i" var="productoPedidoInstance">												
												<tr class="${(i % 2) == 0 ? 'even' : 'odd'}">
													<td id="codigo">
														${fieldValue(bean: productoPedidoInstance, field: "producto.codigo")}
													</td>

													<td id="titulo">
														${fieldValue(bean: productoPedidoInstance, field: "producto.titulo")}
													</td>

													<td id="cantidad">
														${fieldValue(bean: productoPedidoInstance, field: "cantidad")}
													</td>

													<td id="precioTotal">
														${fieldValue(bean: productoPedidoInstance, field: "importeTotal")}
													</td>

													<td>
														<g:form url="[resource:pedidoInstance, action:'eliminarElementoCarrito']" method="PUT">															
															<g:link action="eliminarElementoCarrito" name="idProducto" value="${productoPedidoInstance.producto.id}" id="${productoPedidoInstance.producto.id}">
																<i class="fa fa-trash-o" style="cursor: pointer;" title="Eliminar"></i>&nbsp;
															</g:link>												
														</g:form>
													</td>
												</tr>												
											</g:each>
										</g:form>
									</tbody>
								</table>
							</div>
						</div>
					</div>
					<div class="row">
						<div class="col-lg-12">
							<i class="fa fa-info"></i> Porcentaje de descuento aplicado: ${porcentajeDescuento} %
							<br>
							<i class="fa fa-money"></i> Importe total de la compra $ ${importeTotalCompra}
						</div>
					</div>

					<div class="row">
						<div class="col-lg-12">
							<p></p>
						</div>
					</div>
					
					<div class="row">
						<div class="col-lg-2"></div>
						
						<div class="col-lg-4">
							<g:form url="[resource:pedidoInstance, action:'vaciarCarrito']" method="PUT">								
								<g:actionSubmit class="save btn btn-success" action="vaciarCarrito" value="Vaciar carrito" />
							</g:form>
						</div>
						
						<div class="col-lg-4">
							<g:if test="${session?.user?.role?.value == 'admin' || session?.user?.role?.value == 'user'}">
								<g:form url="[resource:pedidoInstance, action:'saveCarrito']" method="PUT">								
									<g:actionSubmit class="save btn btn-success" action="saveCarrito" value="Comprar" />
								</g:form>
							</g:if>
						</div>						
						
						<div class="col-lg-2"></div>
					</div>

				</div>
			</div>
		</div>
	</div>
	
	<div class="row">
		<g:if test="${session?.noSuperaImporteMinimo == true}">
			<div class="col-lg-4">
			</div>
			<div class="col-lg-4">
				<div class="panel panel-danger">
				  <div class="panel-heading">
					<div class="row">
					  <div class="col-xs-6">
						<i class="fa fa-tasks fa-5x"></i>
					  </div>
					  <div class="col-xs-6 text-right">
						<p class="announcement-heading">Compra m&iacute;nima</p>						
					  </div>
					</div>
				  </div>
				  <a href="#">
					<div class="panel-footer announcement-bottom">
					  <div class="row">						
						 <p class="announcement-text">
							Usted no llega al importe m&iacute;nimo de compra requerido para poder realizarle el env&iacute;o.
							<b/>
							Le faltan: $ ${session?.importeMinimoFaltante}
						</p>						
					</div>
				  </a>
				</div>
			</div>
			<div class="col-lg-4">
			</div>
		</g:if>
	</div>

</body>